<template>
    <div>
        <div class="slotOne">
            <slot name="slotOne"></slot>
        </div>
        <div class="slotTwo">
            <slot name="slotTwo"></slot>
        </div>
        <div class="slotThree">
            <slot name="slotThree" :fruits="arr"></slot>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            arr:["香蕉","苹果","鸭梨"]
        }
    }
}
</script>